<html lang="html">
<head>
    <script src="/uaa/js/queryString.js" type="text/javascript"></script>
    <script src="/uaa/js/jquery-3.4.1.js" type="text/javascript"></script>
    <title></title>
</head>

<body onload="init()">
<script type="text/javascript">
    // 初始化加载
    function init() {
        var scope = getQueryString("scope");
        console.log(scope)
        $("#agree").attr("name", "scope." + scope);
        $("#abort").attr("name", "scope." + scope);
        $("#info").text(scope)
        $("#addr").text(window.location)
    }
</script>

<div class="container">

    <div class="container-left"></div>
    <div class="container-center">
        <h1>需要您的授权</h1>
        <div style="height: 30px;background-color: aliceblue;margin-top: 30px;position: relative">
            <h3> 当前页面的授权地址 </h3>
            <span id="addr"></span>
            <p>您确认要为当前用户授权码？</p>
        </div>
        <div style="margin-top: 60px;position: relative">
            <form id="confirmationForm" name="confirmationForm" action="/uaa/oauth/authorize" method="post">
                <input name="user_oauth_approval" value="true" type="hidden"/>
                <div class="form-group">是否确认授权:<span id="info"></span>
                    <label>
                        <input type="radio" name="scope.ROLE_ADMIN" id="agree" value="true"/><span>同意</span>
                        <input type="radio" name="scope.ROLE_ADMIN" id="abort" value="false" checked/><span>拒绝</span>
                    </label>
                </div>
                <label><input name="authorize" class="btn" value="提交" type="submit"/></label>
            </form>
        </div>
    </div>
    <div class="container-right"></div>
</div>
<script>
</script>
<style type="text/css">
    * {
        padding: 0;
        margin: 0;
        font-family: 'Open Sans Light';
        letter-spacing: .05em;
    }

    html {
        height: 100%;
    }

    body {
        height: 100%;
    }

    .btn{
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #fff;
        border-radius: 3px;
        height: 30px;
        width: 100px;
    }
    .container {
        width: 100%;
        height: 100%;
        background-color: aliceblue;
    }

    .container-left {
        width: 10%;
        height: 100%;
        background-color: aliceblue;
        float: left;
    }

    .container-center {
        width: 80%;
        height: 100%;
        background-color: aliceblue;
        float: left;
    }

    .container-right {
        width: 10%;
        height: 100%;
        background-color: aliceblue;
        float: left;
    }

</style>
</body>
</html>